<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>个人空间</title>
  <link type="text/css" rel="stylesheet" href="css/layui.css">
  <script type="text/javascript" src="js/layui.js"></script>
  <style>
    .layui-nav{
      font-family: "Adobe 黑体 Std R";
      font-weight: bolder;
      background-color: #2a8edd;
    }
    .main-img{
      background-image: url('images/space-img.png');
      background-position: center;
      height: 200px;
    }
    .layui-nav .layui-nav-more{
      top: -10px;
    }
  </style>
</head>
<body>
  <div class="header">
    <ul class="layui-nav" lay-bar="disabled">
      <li class="layui-nav-item">
        <a href="index.jsp">首页</a>
      </li>
      <li class="layui-nav-item">
        <a href="index.jsp">番剧</a>
      </li>
      <li class="layui-nav-item">
        <a href="index.jsp">直播</a>
      </li>
      <li class="layui-nav-item">
        <a href="index.jsp">游戏中心<span class="layui-badge-dot"></span></a>
      </li>
      <li class="layui-nav-item">
        <a href="index.jsp">会员购</a>
      </li>
      <li class="layui-nav-item">
        <a href="index.jsp">漫画</a>
      </li>
      <li class="layui-nav-item">
        <a href="index.jsp">赛事</a>
      </li>
      <li class="layui-nav-item">
        <input type="text" placeholder="搜索" class="layui-input">
        <div class="layui-input-split layui-input-suffix" style="cursor: pointer;">
          <i class="layui-icon layui-icon-search" style="top: -10px"></i>
        </div>
      </li>
      <li class="layui-nav-item" lay-unselect>
        <a href="javascript:;" >
          <img src="https://unpkg.com/outeres@0.0.10/demo/avatar/1.jpg" class="layui-nav-img">
        </a>
        <dl class="layui-nav-child">
          <dd style="text-align: center;"><a href="user_space.jsp">个人空间</a></dd>
          <dd style="text-align: center;"><a href="user_login.jsp">登录</a></dd>
          <dd style="text-align: center;"><a href="user_register.jsp">注册</a></dd>
          <hr>
          <dd style="text-align: center;"><a href="nav.html">退出</a></dd>
        </dl>
      </li>
      <li class="layui-nav-item">
        <a href="index.jsp">大会员</a>
      </li>
      <li class="layui-nav-item">
        <a href="index.jsp">消息</a>
      </li>
      <li class="layui-nav-item">
        <a href="nav.html">动态<span class="layui-badge">1</span></a>
      </li>
      <li class="layui-nav-item">
        <a href="index.jsp">收藏</a>
      </li>
      <li class="layui-nav-item">
        <a href="index.jsp">历史</a>
      </li>
      <li class="layui-nav-item">
        <a href="index.jsp">创作中心</a>
      </li>
    </ul>
  </div>
  <div class="main">
    <div class="main-img">

    </div>
  </div>

</body>
</html>
